<template>
    <div style="display: inline-block;">
        <div style="width: 100%;height: 100%;display: flex;" :style="{ flexDirection, alignItems, justifyContent, gap }">
            <slot></slot>
        </div>
    </div>
</template>

<script setup>
import { ref, reactive, defineProps, computed, watch, onMounted, onBeforeUnmount } from 'vue'

const props = defineProps({
    flexDirection: {
        type: String,
        default: 'unset'
    },
    alignItems: {
        type: String,
        default: 'center'
    },
    justifyContent: {
        type: String,
        default: 'center'
    },
    gap: {
        type: String,
        default: '0px'
    }
})

onMounted(async () => {

})

</script>

<style scoped></style>